<!--
Teleport(传送门)
--Teleport 是一种能够将我们的组件 html 结构移动到指定位置的技术.
-->
<template>
	<div class="outer">
		<h2>我是 App 组件</h2>
		<img src="http://www.atguigu.com/images/index_new/logo.png">
		<br>
		<Modal />
	</div>	
</template>

<script setup lang="ts" name="App">
import Modal from "./Modal.vue";
</script>

<style>
.outer {
	background-color: #ddd;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 0 0 10px;
	width: 400px;
	height: 400px;
	filter: saturate(200%);	/* 饱和度滤镜 */
}
img {
	width: 270px;
}
</style>